$(function(){
	
	$("#showImgBtn").click(function() {
		$("#h_img").toggle(1000);
		addPicture();
	});
	/**
	 * 提交检查
	 */
	$("form:first").submit(function(){
		validate();
	});
	
	/**
	 * 用户名检查
	 */
	$("#r_uname").blur(function(){
		
		checkUserName();
	});
	
	/**
	 * 加载主页图片
	 */
	addmainpic();
	
	$(document).on('mousedown','#h_img div', function() {
		var picture=$(this).data("picture");
		show_img(picture.pic_name,picture.id);
	});
	
	$(document).on('mouseenter','#h_img div', function() {
		showfilter(this);
	});
	
	$(document).on('mouseleave','#h_img div', function() {
		hiddenFikter(this);
	});

$("#r_psw").blur(function() {
	if ($(this).val() == "") {
		$("#pwdEror").text("请输入密码！");
		$("#pwdEror").css("display", "block");
	} else {
		$("#pwdEror").css("display", "none");
	}
});

$("#r_psw2").blur(function() {
	if ($(this).val() == "") {
		$("#pwdEror2").text("请输入确认密码！");
		$("#pwdEror2").css("display", "block");
	} else if ($(this).val() != $("#r_psw").val()) {
		$("#pwdEror2").text("两次输入的密码不一致！");
		$("#pwdEror2").css("display", "block");
	} else {
		$("#pwdEror2").css("display", "none")
	}
});

$("#r_mail").blur(function() {
	var rule = /^\w+@\w+(\.\w+)+$/;
	if ($(this).val() == "") {
		$("#mailEror").text("请输入邮箱！");
		$("#mailEror").css("display", "block");
	} else if (!rule.test($(this).val())) {
		$("#mailEror").text("邮箱非法！");
		$("#mailEror").css("display", "block");
	} else {
		$("#mailEror").css("display", "none");
	}
});

$("#r_phone").blur(function() {
	var rule2 = /^(\d){11}$/;
	if ($(this).val() == "") {
		$("#phoneEror").text("请输入手机号！");
		$("#phoneEror").css("display", "block");
	} else if (!rule2.test($(this).val())) {
		$("#phoneEror").text("手机号非法！");
		$("#phoneEror").css("display", "block");
	} else {
		$("#phoneEror").css("display", "none");
	}
});
});

function validate() {
	if ($("#r_uname").val() == "") {
		alert("用户名为空!");
		return false;
	}
	if ($("#unameEror").text() == "该注册名已存在！不能注册！") {
		alert("用户名不合法!");
		return false;
	}
	if ($("#r_psw").val() == "") {
		alert("密码为空!");
		return false;
	}
	if ($("#r_psw2").val() == "") {
		alert("确认密码为空!");
		return false;
	}
	if ($("#r_mail").val() == "") {
		alert("邮箱为空!");
		return false;
	}
	if ($("#r_phone").val() == "") {
		alert("电话为空!");
		return false;
	}

	if ($("#showheadimg").html() == "头像预览") {
		alert("请选择头像");
		return false;
	}

	return true;
}

function showfilter(dv) {
	$(dv).fadeTo(100, 1);
}
function hiddenFikter(dv) {
	$(dv).fadeTo(100, 0.5);
}



// 显示预览头像
function show_img(pic_name,id) {
	$("#h_img").toggle(1000);
	$("#showhead").html("<img src='../image/user/"+pic_name+"' style='width:70px; height:70px;'>");
	$("#r_hi").val(pic_name);
	$("#r_hi_id").val(id);
}

/**
 * 用户名检查
 */
function checkUserName(){
	var username=$("#r_uname").val();
	alert(username);
	var reg = /^\w{3,20}$/;
	if (!reg.test(username)) {
		$("#unameEror").text("3-20位长度的用户名");
		$("#r_uname").focus();
		return;
	} else {
		$("#unameEror").text("");
		$.post(path+"/user/checkUserName.do",{"username":username},function(result){
			if (result.success) {
				var data=result.data;
				if (data) {
						$("#unameEror").text("用户名可以使用");
					} else {
						$("#unameEror").text("用户名已存在");
						$("#r_uname").focus();
					}
			}else {
				alert(result.message);
			}
		});
	}
}

/**
 * 
 */
function addPicture(){
	$.post(path+"/user/toPicture.do",{"page":0},function(result){
		if (result.success) {
			var list = result.data;
			$("#h_img").empty();
			$(list).each(function(){
				var div='<div id="d'+this.id+'" onMouseDown="show_img('+this.pic_name+','+this.id+')" onmouseover="showfilter('+this.id+')" onmouseout="hiddenFikter('+this.id+')"><img src="../image/user/'+this.pic_name+'" style="width:40px; height:45px; float: left;"></div>';
				$("#h_img").append(div);
				$("#h_img div:last").data("picture",this);
			});
		} else {
			alert(result.message);
		}
	});
}

/**
 * 加载主页图片
 */
function addmainpic(){
	$.post(path+"/user/addmainpic.do",{"page":0},function(result){
		if (result.success) {
			var list = result.data;
			$(list).each(function(){
				var div='<div id="my_pics"><img src="../image/img/'+this.pic_name+'" width="80" height="80"/></div>';
				$("#my_right").append(div);
				$("#my_right div:last").data("picture",this);
			});
		} else {
			alert(result.message);
		}
	});
}
